<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品展示页面</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
<header>
    <h1>商品展示页面</h1>
    <a href="/set.html">设置商品</a>
</header>
<div class="container">
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 1">
        <h3>商品名称 1</h3>
        <p>这是商品 1 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥99</div>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 2">
        <h3>商品名称 2</h3>
        <p>这是商品 2 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥149</div>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 3">
        <h3>商品名称 3</h3>
        <p>这是商品 3 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥199</div>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 4">
        <h3>商品名称 4</h3>
        <p>这是商品 4 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥89</div>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 5">
        <h3>商品名称 5</h3>
        <p>这是商品 5 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥129</div>
    </div>
    <div class="product">
        <img src="https://via.placeholder.com/300" alt="商品 6">
        <h3>商品名称 6</h3>
        <p>这是商品 6 的简介，详细介绍商品的特点和优势。</p>
        <div class="price">价格: ¥299</div>
    </div>
</div>
</body>

</html>
